<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Solar Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="AppUniverz Solar Site">
    <meta name="author" content="AppUniverz">

    <!-- Le styles -->
    <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/static/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <style type="text/css">
      body {
        background-image: url(/static/image/bg001.jpg);
        padding-top: 40px;
        padding-bottom: 40px;
      }
	  .footer-img {
		  height: 512px;
		  background: url(/static/image/footer.jpg) top no-repeat;
	  }
	  p {
		font-size:16px;
		line-height:25px;		
      }
      
      h1 {
      	color:rgb(240,240,240);
      }
      div {
      	color:rgb(215,215,215);
      }
      .container, .nav{
      	height:40px;
      }
    </style>
    
    {% block css_style %} {% endblock %}
    
    

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-31042348-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

  </head>

  <body>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="#">AppUniverz Solar</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="{{homestatus}}"><a href="/">Home</a></li>
              <!-- <li><a href="/solar/">Solar Team</a></li> -->                                          
                <li class="dropdown {{contentstatus}}" id="menu1">
			    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
			      60 Days
			      <b class="caret"></b>
			    </a>
			    <ul class="dropdown-menu">
			      <li><a href="/content/solarweek/1">第一週 社會企業與Business Canvas</a></li>
			      <li><a href="/content/solarweek/2">第二週 團隊合作與商業模式</a></li>
			      <li><a href="/content/solarweek/3">第三週 Android與UI/UX課程</a></li>
			      <li><a href="/content/solarweek/4">第四週 核心價值與市場分析</a></li>
			      <li><a href="/content/solarweek/5">第五週 產品規格報告</a></li>
			    </ul>
			  </li>
			  <li class="{{demostatus}}"><a href="/demoshow/">Demo Show </a></li>
              <!-- <li><a href="/aboutus/">About US</a></li> -->
              <li class="{{careersstatus}}"><a href="/careers/">Careers </a></li>
            </ul>
            <ul class="nav pull-right">
            <li style='padding-right:15px'>
            <input class="btn btn-primary" onclick="javascript:window.open('http://www.facebook.com/appuniverz')" type="button" value="Facebook"/> 
            </li>
            <li>            
            <input class="btn btn-danger" onclick="javascript:window.location.assign('/demoshow/')" type="button" value="立即報名"/>            
            </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
	  
	  {% block content %} {% endblock %}
	  
	  <div class='footer-img'>
	  <center>
	  <br/><br/><br/><br/>
	  <img src="/static/logo-trans.png"></img>
	  <h2> Start Your Idea</h2>	  
	  <br/>
	  <h3> 6個跨領域組成的團隊，60天的創作</h3>
	  <h3> 校園<font color='red'>熱血</font>創業</h3>
	  
	  </center>
	  </div>
	  
      <footer>
        <p style='text-align:center'>版權所有 &copy; 2012 AppUniverz All Rights Reserved.</p>
        <p style='text-align:center'><em>Imagination is more important than knowledge. Albert Einstein</em></p>
      </footer>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/static/bootstrap/js/jquery.js"></script>
    <script src="/static/bootstrap/js/bootstrap-transition.js"></script>
    <script src="/static/bootstrap/js/bootstrap-collapse.js"></script>
    <script src="/static/bootstrap/js/bootstrap-carousel.js"></script>
    <script src="/static/bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="/static/bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="/static/bootstrap/js/bootstrap-popover.js"></script>
    <script src="/static/bootstrap/js/bootstrap-alert.js"></script>
    <script src="/static/bootstrap/js/application.js"></script>
    {% block javascript %} {% endblock %}

  </body>
</html>
